<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/DIN_1451_Mittelschrift_DB_400.font.js" type="text/javascript"></script>
<script src="js/Futuris_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_italic_300.font.js" type="text/javascript"></script>
</head>

<body id="page7">
	<div id="main">
		<!--header -->
		<div id="header">
			<a href="#" class="twitter"><img src="images/twitter.jpg" alt=""/></a>
			<div class="wrapper">
				<div class="logo">	
				<div class="right">
					<ul>
						<li><a href="#">Support</a></li>
						<li><a href="#">SiteMap</a></li>
						<li><a href="#">RSS </a></li>
					</ul>
				</div>			
				<a href="index.html"><img src="images/logo.jpg" alt=""/></a>				
			</div>    </div>
			<ul class="menu">
				<li><a href="index.html">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html" class="active">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<div class="slogan">
				<h1 class="pink">Freedom of inquiry,</h1>
				<h1 class="pink"><span>freedom of discussion</span></h1>
				<p>A university's essential character is<br/> that of being a center of free inquiry<br/> and criticism</p>
				<a href="#" class="link">our special programs</a>
			</div>
		</div>
		<!--header end-->
		<div id="content">
			<div class="row1">
						<h2>Our photos</h2>
						<div class="wrapper  portfolio">
							<div class="col1"><img src="images/page7_img1.jpg" alt=""/></div>
							<div class="col2">
								<div class="wrapper">
								<a href="#" class="imgindent"><img src="images/page7_img2.jpg" alt=""/></a>
								<a href="#"><img src="images/page7_img4.jpg" alt=""/></a></div>
								<p><a href="#" class="link">prev</a></p>	
							</div>
							<div class="col3">
								<div class="wrapper">
								<a href="#" class="imgindent"><img src="images/page7_img3.jpg" alt=""/></a>
								<a href="#"><img src="images/page7_img5.jpg" alt=""/></a></div>
								<p class="fright"><a href="#" class="link">next</a></p>
							</div>
						</div>
					</div>
			<div class="row2">					
						<h2>Best photo</h2>
						<div class="wrapper">
							<img src="images/page7_img6.jpg" alt="" class="imgindent"/>
							<p>Consectetue adipiscing elit raesent vestibulum molestie enenan nonumm hendrerit mauris phasellus porta fusce suscipit varius mcum sociis natoquem penatibus magnis dis parturient montes nascetur ridiculus mulla duiuscgiat malesuada odio morbi nunc odio, gravida at cursus nec luctus a lorem dolor. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer adipiscing elit. </p>

<p>Mauris fermentum dictum magna sed laoreet aliquam leo utellus dolor dapibus eget element lorem ipsum dolor sit amet con- sectetuer adipiscing elit praesent vestibulum molestie lacus aenean nonummy hendrerit mauris phasellus porta usce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui fusce feugiat malesuadam odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. </p>
<br/>
				</div>	<a href="#" class="link">read more</a>		
			</div>
		</div>
		<!--footer -->
		<div id="footer">
			<div class="right">
				<h6>Contact information</h6>
				<p>Telephone / Fax: (000) 123-4567<br/>Location: New York, NY 10000</p>
			</div>
			<ul class="menu">
				<li class="first"><a href="index.html" class="active">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<span>College page</span>   &copy; 2010&nbsp;  |  &nbsp;<a href="index-8.html">Privacy policy</a>
		</div>
		<!--footer end-->
	</div>
   <script type="text/javascript"> Cufon.now(); </script>
</body>

</html>